<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org"
      th:replace="~{common/layout :: html(title=${announcement.title}, content=~{::content})}">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title th:text="${announcement.title} + ' - 扶贫助农电商平台'">公告详情</title>
    
    <link th:href="@{/webjars/bootstrap/5.3.0/css/bootstrap.min.css}" rel="stylesheet">
    <link th:href="@{/webjars/font-awesome/6.4.0/css/all.min.css}" rel="stylesheet">
</head>
<body>
    <div th:fragment="content">
        <main class="container py-5">
            <div class="row">
                <div class="col-lg-8 mx-auto">
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="/">首页</a></li>
                            <li class="breadcrumb-item"><a href="/announcement/list">平台公告</a></li>
                            <li class="breadcrumb-item active" aria-current="page" th:text="${announcement.title}">公告标题</li>
                        </ol>
                    </nav>
                    <hr>
                    <h1 class="mb-3" th:text="${announcement.title}"></h1>
                    <div class="text-muted mb-4">
                        <i class="fas fa-calendar-alt"></i> <span th:text="${#temporals.format(announcement.createTime, 'yyyy-MM-dd HH:mm')}"></span>
                    </div>
                    <div th:text="${announcement.content}" style="white-space: pre-wrap; line-height: 1.8;">
                    </div>
                    <hr class="mt-5">
                    <a href="/announcement/list" class="btn btn-success"><i class="fas fa-arrow-left"></i> 返回公告列表</a>
                </div>
            </div>
        </main>
    </div>

    <script th:src="@{/webjars/jquery/3.7.0/jquery.min.js}"></script>
    <script th:src="@{/webjars/bootstrap/5.3.0/js/bootstrap.bundle.min.js}"></script>
</body>
</html> 